import React from 'react';
import Loadable from '@/components/Loadable';
import type { MenuRouteObject } from '@/types/router';

import { commonRoute } from './common';
import { serviceRoute } from './service';
import { systemRoute } from './system';

const HomePage = Loadable(() => import('@/pages/Home'));

const NotFoundPage = Loadable<{}>(() => import('@/pages/NotFound'));

export const routes: MenuRouteObject[] = [
  commonRoute,
  {
    path: '/',
    fullpath: '/',
    title: '首页',
    element: <HomePage />,
    children: [
      serviceRoute,
      // systemRoute,
      // {
      //   title: '测试页面一',
      //   path: 'page1',
      //   fullpath: '/page1',
      //   element: <div>测试页面一</div>,
      // },
      // {
      //   title: '测试页面二',
      //   path: 'page2',
      //   fullpath: '/page2',
      //   element: <div>测试页面二</div>,
      // },
      // {
      //   title: '测试页面三',
      //   path: 'page3',
      //   fullpath: '/page3',
      //   element: <div>测试页面三</div>,
      // },
      // {
      //   title: '测试页面四',
      //   path: 'page4',
      //   fullpath: '/page4',
      //   element: <div>测试页面四</div>,
      // },
      // {
      //   title: '测试页面五',
      //   path: 'page5',
      //   fullpath: '/page5',
      //   element: <div>测试页面五</div>,
      // },
      // {
      //   title: '测试页面六',
      //   path: 'page6',
      //   fullpath: '/page6',
      //   element: <div>测试页面六</div>,
      // },
      // {
      //   title: '测试页面七',
      //   path: 'page7',
      //   fullpath: '/page7',
      //   element: <div>测试页面七</div>,
      // },
      // {
      //   title: '测试页面八',
      //   path: 'page8',
      //   fullpath: '/page8',
      //   element: <div>测试页面八</div>,
      // },
      // {
      //   title: '测试页面九',
      //   path: 'page9',
      //   fullpath: '/page9',
      //   element: <div>测试页面九</div>,
      // },
      // {
      //   title: '测试页面十',
      //   path: 'page10',
      //   fullpath: '/page10',
      //   element: <div>测试页面十</div>,
      // },
    ],
  },
  {
    path: '*',
    title: '找不到内容',
    element: <NotFoundPage />,
  },
];